<!DOCTYPE html>
<html>

<!-- <script src="https://d3js.org/d3.v7.js"></script> -->
<!-- <script src="d3.v4.min.js"></script> -->
<script src="d3.v7.min.js"></script>
<!-- <script src="d3-lasso@0.005.js"></script> -->
<!-- <script src="d3-lasso.min.js"></script> -->
<!-- <script src="d3-lasso.js"></script> -->
<style>
    ul {
        padding-inline: 10px;
    }

    li {
        float: left;
        list-style-type: none;
    }
    .lasso {
        fill: #666;
        fill-opacity: 0.1;
        stroke: #2388c2;
        stroke-width: 2px;
        stroke-dasharray: 4px;
        pointer-events: none;
    }
</style>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Chinavis2019-01</title>

</head>

<body>
    <ul id="slices">
        <li style="float: left;">
            <div style="margin: 0px 10px 10px 0px; float: left;">
                <svg id="viser1"
                    style="border-style: solid; border-color: #999; max-width: 100%; height: auto; height: intrinsic;"></svg>
                <div style="text-align: center; color: #666;"><i>1</i></div>
            </div>
        </li>
        <li style="float: left;">
            <div style="margin: 0px 10px 10px 0px; float: left;">
                <svg id="viser2"
                    style="border-style: solid; border-color: #999; max-width: 100%; height: auto; height: intrinsic;"></svg>
                <div style="text-align: center; color: #666;"><i>1</i></div>
            </div>
        </li>
        <li style="float: left;">
            <div style="margin: 0px 10px 10px 0px; float: left;">
                <svg id="viser3"
                    style="border-style: solid; border-color: #999; max-width: 100%; height: auto; height: intrinsic;"></svg>
                <div style="text-align: center; color: #666;"><i>1</i></div>
            </div>
        </li>
    </ul>

</body>

<script src="stream_graph.js"></script>
<script src="scatterplot.js"></script>
<script src="parallelcoord.js"></script>
<script src="main.js"></script>

</html>